<template>
  <div class="about">
    <h1>关于页面</h1>
    <p>这是关于页面的内容</p>
    <div class="info">
      <h3>技术栈</h3>
      <ul>
        <li>Vue 3.4+</li>
        <li>TypeScript</li>
        <li>Vite</li>
        <li>Vue Router</li>
        <li>Pinia</li>
      </ul>
    </div>
  </div>
</template>

<script setup lang="ts">
// 使用 Composition API
</script>

<style scoped>
.about {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.info {
  margin-top: 30px;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.info ul {
  list-style: none;
  padding: 0;
}

.info li {
  padding: 8px 0;
  border-bottom: 1px solid #ddd;
}

.info li:last-child {
  border-bottom: none;
}
</style> 